﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaAdministrador
@{
    Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";
	ViewBag.Title = "Listado de Administradores";
}
<script>
	$(document).ready(function () {
		var id = $("#id");

		function updateTips(t) {
			tips
			    .text(t)
			    .addClass("ui-state-highlight");
			setTimeout(function () {
				tips.removeClass("ui-state-highlight", 1500);
			}, 500);
		}

		$("#dialog-form").dialog({
			autoOpen: false,
			height: 300,
			width: 600,
			modal: true,
			buttons: {
				"Buscar": function () {
					document.getElementById('busqueda').submit()
					$(this).dialog("close");
				},
				Cancelar: function () {
					$(this).dialog("close");
				}
			},
			close: function () {
				allFields.val("").removeClass("ui-state-error");
			}
		});

		$("#buscar")
		    .button()
		    .click(function () {
		    	$("#dialog-form").dialog("open");
		    });
	});

</script>

<script>
    function siguientePagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.nextPage' id='prPage' name='prPage'>";
		document.getElementById("busqueda").appendChild(prPage);
		document.getElementById("busqueda").submit();
    }
    function anteriorPagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.prevPage' id='prPage' name='prPage'>";
		document.getElementById("busqueda").appendChild(prPage);
		document.getElementById("busqueda").submit();
    }
</script>

	<!-- content -->
	<div class="body2">
		<div class="main">
			<section id="content">
				<div class="wrapper">
					<!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
					<article class="col0">
						<nav class="urbangreymenu">
							<h3 class="headerbar">Administrador</h3>
							<ul id="subMenu">
                                <li>
									<h5>@Html.ActionLink("Lista de Administrador", "Index")</h5>
								    </li>
								<li>
									<h5>@Html.ActionLink("Nuevo Administrador", "Registrar")</h5>
								</li>								
							</ul>
						</nav>
					</article>
					<div id="dialog-form" title="Busqueda de Vendedor">
						<p class="validateTips">Ingrese Los criterios de Busqueda</p>

						<form id="busqueda" method="get" action="/Administrador">
							<div class="row">
                                    <span>Codigo</span>
                                    @Html.TextBoxFor(model => model.prIdAdministrador, new { style = "border: 1px solid black; margin-left: 41px; margin-bottom: 6px;" }) 
                                    @Html.ValidationMessageFor(model => model.prIdAdministrador) 
                                    <!--<label for="Codigo">Codigo</label>
                                    <input type="text" name="Codigo" id="Codigo" style="margin-left: 4px;" class="text ui-widget-content ui-corner-all" />-->
                                </div>

                                <div class="row">
                                    <span>Nombre</span>
                                    @Html.TextBoxFor(model => model.prNombre, new { style = "border: 1px solid black; border: 1px solid black; margin-left: 36px; margin-bottom: 6px;" }) 
                                    @Html.ValidationMessageFor(model => model.prNombre) 
                                    <!--<br /><label for="Nombre">Nombre</label>
                                    <input type="text" name="Codigo" id="Nombre" class="text ui-widget-content ui-corner-all" />-->
                                </div>

                                <div class="row" style="margin-left: 267px; margin-top: -26px;">
                                    <span>Ap. Paterno</span>
                                    @Html.TextBoxFor(model => model.prApellidoPaterno, new { style = "border: 1px solid black; margin-left: 5px; margin-bottom: 6px;" }) 
                                    @Html.ValidationMessageFor(model => model.prApellidoPaterno) 
                                </div>

                                <div class="row">
                                    <span>Ap. Materno</span>
                                    @Html.TextBoxFor(model => model.prApellidoMaterno, new { style = "border: 1px solid black; margin-left: 5px; margin-bottom: 6px;" }) 
                                    @Html.ValidationMessageFor(model => model.prApellidoMaterno) 
                                </div>

                                <!--SEXO-->
                                <div class="row_select" style="margin-left: 266px; margin-top: -26px;">
                                    <span>Sexo:</span>
                                        <select name="prSexo" style="margin-left: 46px; width: 164px; height: 20px;">                                 
                                                <option value="">-Elija una opcion-</option> 
									   <option value="M">Masculino</option>
                                                <option value="F">Femenino</option>
                                        </select>                                               
                                </div> 
						</form>
					</div>

					<article class="col1">
						<!--dentro de div pad2 trabajare mi formulario -->
						<div class="pad2">
							<h2 class="pad_bot1 pad_top1">Lista de Administradores</h2>

							<form id="ContactForm" method="post">
								<div class="wrapper">
									<br>
									<a id="buscar">Buscar</a>
									<br>
									<br>
									<table  border="0" id="indice">
                                        <tr>
											<th>Id</th>
										    <th>Nombre</th>
										    <th>Ap. Paterno</th>
										    <th>Ap. Materno</th>
										    <th>Sexo</th>
										    <th>Estado</th>
										    <th>Editar</th>
										    <th>Eliminar</th>
										</tr>
										@foreach (var administrador in ViewBag.ListaAdministradores)
		                                {
											<tr class="alt">
												<td>@administrador.prIdAdministrador</td>
                                                <td>@administrador.prNombre</td>
                                                <td>@administrador.prApellidoPaterno</td>
                                                <td>@administrador.prApellidoMaterno</td>
                                                <td>@administrador.prSexo</td>
									   <td>@administrador.prEstado</td>
												<td><a href="/Administrador/Modificar?prIdAdministrador=@administrador.prIdAdministrador"><img  src="../Content/site/images/icono_modificar.png" /></a></td>
												<td><a href="/Administrador/Eliminar?prIdAdministrador=@administrador.prIdAdministrador"><img  src="../Content/site/images/icono_quitar.png" /></a></td>
											</tr>
		                                }
									</table>

								</div>
							</form>
						</div>
						<br />
                        <span style="float: none; margin-left: 29px;">
							@if (ViewBag.prevPage > 0)
	                        {
								<a href="javascript:anteriorPagina()"><img src="../Content/site/images/icono_anterior.png" /></a> 
	                        }
							 
                                        @if (ViewBag.nextPage <= ViewBag.numPages)
								{
									<a href="javascript:siguientePagina()"><img src="../Content/site/images/icono_siguiente.png" /></a>
								}
						</span>
					</article>
				</div>

			</section>
		</div>
	</div>

	<!-- / content -->

	<script type="text/javascript"> Cufon.now(); </script>
